<link href="/static/assets/js/dataTables/dataTables.bootstrap.css" rel="stylesheet" />
<!-- MENU SECTION END-->
<div class="content-wrapper">
    <div class="container">
        <div class="row pad-botm">
            <div class="col-md-12">
                <h4 class="header-line">Member Record</h4>

            </div>

        </div>
        <div class="row">
            <div class="col-md-12">
                <!-- Advanced Tables -->
                <div class="panel panel-default panel-zs">
                    <div class="panel-heading">
                        Membership payment record
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                <thead>
                                    <tr>
                                        <th class="col-xs-3">Payment time</th>
                                        <th class="col-xs-3">Internal membership</th>
                                        <th class="col-xs-3">Membership dues</th>
                                        <th class="col-xs-5">Due time</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {if condition="$info"}
                                    {volist name="info" id="v"}
                                    <tr>
                                        <td>{$v.pay_time|date="Y-m-d",###}</td>
                                        <td>{$v.level}</td>
                                        <td>{$v.gross}</td>
                                        <td>{$v.expire_time|date="Y-m-d",###}</td>
                                    </tr>
                                    {/volist}
                                    {else/}
                                    <tr>
                                        <td colspan="4" class="text-center">No record !（If you have not paid the record, we recommend that you wait for the possibility that the PayPal server is delayed.）</td>
                                    </tr>
                                    {/if}
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <!--1523414989-->
                    <div class="panel-footer">{if condition="$expire_time and $expire_time lt time()"}<a href="{:url('index/pay',['custom'=>1])}" class="btn btn-primary btn-sm">Membership renewal</a>{/if}&nbsp;&nbsp;<a href="{:url('index/select')}" class="btn btn-info btn-sm">Select membership</a></div>
                </div>
                <!--End Advanced Tables -->
            </div>
        </div>
        <!-- /. ROW  -->
    </div>
</div>
<!-- CONTENT-WRAPPER SECTION END-->

<!-- Pop Transcripts -->
<div class="modal fade" id="Transcripts" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal" type="button">&times;</button>
                <h4>Modify Contact Information</h4>
            </div>
            <div class="modal-body">
                <form role="form">
                                 <div class="form-group">
                                            <label>Program Title</label>
                                            <input class="form-control" type="text" />
                                        </div>
                            <div class="form-group">
                                            <label>Activity Type</label>
                                            <select class="form-control">
                                                <option>Professional Development</option>
                                            </select>
                                        </div>
                                 <div class="form-group">
                                            <label>CPE Credits</label>
                                            <input class="form-control" type="text" />
                                        </div>
                                 <div class="form-group">
                                            <label>Date</label>
                                            <input class="form-control" type="text" />
                                        </div>
                                  
                                 
              <button type="submit" class="btn btn-info">Save</button>
        <button type="reset" class="btn btn-primary">Cancel</button>

                                    </form>
            </div>
            <div class="modal-footer">
                <button class="view-bio" data-dismiss="modal" type="button">Close</button></div>
        </div>
    </div>
</div>
<!-- End Transcripts -->